﻿@charset "utf-8";
/* 浮动工具栏 */
.tool-bar{ width:1400px; position:fixed; top:0;float:left;border:#cdcdcd 1px solid; z-index:999; height:38px; background:#fff; border-top:none; background:url(../images/read/tool-bar.png) repeat-x;}
.left-bar{ overflow:hidden; margin-top:5px; padding-left:10px;}
.home{ height:32px; line-height:32px; width:88px; background:url(../images/read/home.png) no-repeat left 9px ; text-indent:25px; border-right:#dfdfdf 1px solid;}
.color-change, .color-change i, .color-change a, .home, .left-bar{ float:left;}
.color-change{ padding-left:15px; color:#999; border-left:1px solid #fff; line-height:32px; height:32px;}
.color-change a{ display:inline; height:18px; width:18px; border:1px solid #ccc; margin:6px 4px 0 0; overflow:hidden;}

.autosize-change, .autosize-change i, .autosize-change a, .home, .left-bar{ float:left;}
.autosize-change{ padding-left:5px; color:#999; line-height:32px; height:32px;}
.autosize-change a{ display:inline; height:18px; width:18px; border:1px solid #ccc; margin:6px 4px 0 0; overflow:hidden;}

.page-turn, .page-jump{ float:right;}
.page-turn a{  display: inline-block; padding: 7px 9px; font-size: 12px; line-height:1; color:#fff;}
.page-turn a:hover{ text-decoration:none; color:#fff;}
.page-turn{float:left; display:inline; margin:7px 10px 0 0;}

.page-turn-bottom a{  display: inline-block; padding: 7px 9px; font-size: 12px; line-height:1; color:#fff;}
.page-turn-bottom a:hover{ text-decoration:none; color:#fff;}
.page-turn-bottom{float:right; display:inline; margin:7px 30px 0 0;}
.tool-bar .page{ display:inline; margin:10px 0px 0 0 } 

.show-time .up{ position:absolute; right:5px; bottom:-4px;}
.show-time .down ,.show-time .up{ float:right; background:url(../images/read/down-arrow.png); display:inline-block; height:18px; width:28px; overflow:hidden;}
.show-time .up{ background:url(../images/read/up-arrow.png);}
.show-time .down{ position:absolute; right:5px; bottom:-15px;}

/* 面包屑 */
.position{ margin-top:20px; height:33px; border-bottom:#e5e5e5 1px solid; line-height:33px; padding-left:5px;}
.position a{ color:#1580dc}

/* main grid */
.show-pic{ width:100%; text-align:center; height:auto; margin:5px 0; padding-bottom:10px;}

/* notice警告框 */
.tips{ width:500px; margin:0 auto; border:#c3d9f8 1px solid; position:relative; margin-bottom:10px; margin-top:10px;}
.tips .tips-content{ border:#f2f7ff 2px solid;  height:34px; line-height:34px; background:url(../images/read/tips-content.png) repeat-x;}
.tips-content span{ display:block; color:#5475a4;}
.tips .close{ position:absolute; height:9px; width:9px; background:url(../images/read/close.png); right:5px; top:5px; overflow:hidden;}

.main-read{ position:relative; margin-bottom:20px; border:1px solid #ddd; background:url(../images/read/main-read.png) repeat-x; height:42px;}
.main-page{ float:right; display:inline; margin:10px 10px 0 0;}
.main-page a{ float:left; margin:0 10px; display:inline-block; height:43px; width:131px; line-height:1.8; text-align:center; color:#fff;} .main-page a strong{display:block}
.main-page a:hover{ text-decoration:none; color:#fff;}
.see-list-box{ float:right; margin-left:10px; display:inline;}

.main-read .share-area{ float:left; padding-left:10px; margin-top:18px;}
.main-read .page-jump{ float:right;margin:10px 200px 0 0 }
.share-area .collect{ float:left; padding:2px 10px 0 20px; background:url(../images/read/weibo.png) no-repeat left center;}
.page-jump-top{ float:left;margin:0px 10px 0 0 }

/* 浮动章节列表 */
.chapter-list{ display:none; position:absolute; bottom:79px; right:200px; border:#1d86e7 3px solid; width:400px; overflow:hidden; background:#fff; padding:5px;}
.chapter-list .chapter{ float:left; width:100%; border-bottom:#d1d1d1 1px solid; overflow:hidden;}
.chapter a{ float:left; display:inline-block; height:22px; line-height:22px; padding:0 5px; background:#ddd; white-space:nowrap; margin:0 4px 4px 0;}
.chapter a.select{ background:#1d86e7; color:#fff;}
.chapter-list .chapter-detail{ float:left; overflow:hidden; padding:0 0 6px 0; width:100%;}
.chapter-detail a{ float:left; padding:2px 3px; white-space:nowrap; display:inline; margin:6px 6px 0 0;}
.chapter-foot{ height:18px; margin-top:10px;} .chapter-foot .close{ cursor:pointer;}

/* 颜色值切换 */
.c-black, .black, .black .main-read{ background:#202020;}
 .black .tool-bar{ background:url(../images/read/bak.png) repeat-x;}
.black .tool-bar .home, .black .tool-bar i, .black label, .black .position, .black .collect, .black .see-list, .black .page a, .black .page{ color:#fff;}
.black .position a{ color:#f9f9f9;}
.black .c-black{ background:url(../images/read/black-select.png) #202020}

.c-blue,.blue, .blue .main-read{ background:#05406A;}
 .blue .tool-bar{ background:url(../images/read/back_blue.png) repeat-x;}
.blue .tool-bar .home, .blue .tool-bar i, .blue label, .blue .position, .blue .collect, .blue .see-list, .blue .see-list, .blue .page a, .blue .page{ color:#fff;}
.blue .position a{ color:#f9f9f9;}
.blue .c-blue{ background:url(../images/read/blue-select.png) #05406A;}

.c-white{ background:#fff;}
.white .c-white{ background:url(../images/read/white-select.png) #fff;}

.c-white-select{ background:url(../images/read/white-select2.png) #fff;}
.c-white-noselect{ background:url(../images/read/white-noselect.png) #fff;}

/* 祝福语 */
.page-greeting{float:left;padding-top:7px;}
.page-greeting a{font-family:微软雅黑 !important;}
.page-greeting span{font-size:14px;font-family:微软雅黑 !important;}

/* 周边推荐 */
.clearfix{zoom:1;}
#main{ width:990px; margin:auto;}
#main .box-black-hd{ height:10px; background:#000 url(../images/read/bg_show_box.png) no-repeat; overflow:hidden; clear:both;}
#main .box-black-ft{ height:10px; background:#000 url(../images/read/bg_show_box.png) no-repeat left -10px; overflow:hidden; clear:both}
#main .box-black-bd{ background:#000; border-right:5px solid #313131; border-left:5px solid #313131;}
#main .box-black-bd h3{height:30px; font:bold 14px/30px "微软雅黑"; color:#ccc; padding:0 20px;}
#main .box-black-bd h3 em{ background:url(../images/read/bg_show_icons.png) no-repeat -2px -94px; padding-left:20px;font-weight:bold;}
#main .box-white-hd{ height:10px; background:#fff url(../images/read/bg_show_box.png) no-repeat right top; overflow:hidden; clear:both;}
#main .box-white-ft{ height:10px; background:#fff url(../images/read/bg_show_box.png) no-repeat right -10px; overflow:hidden; clear:both}
#main .box-white-bd{ background:url(../images/read/show_bg_aside.gif) repeat-y;}
#main .box-white-bd h3 em{ background:url(../images/read/bg_show_icons.png) no-repeat left -284px; padding-left:20px;}
.hot-pic{padding:10px 0 0 6px;padding-bottom:10px\9;}
.hot-pic li{float:left;display:inline;overflow:hidden;margin:0 0 20px 25px;width:90px;height:90px;border:1px solid #999;}
.hot-pic li div{width:90px;height:90px;text-align:center;display:table-cell;vertical-align:middle;overflow:hidden;*display:block;*font-size:80px;*font-family:arial;cursor:pointer;}
.hot-pic li div a{display:block; width:90px; height:90px; overflow:hidden;}
.hot-pic li:hover{border:1px solid #4bb2fb;}

ul.scroll {
	width: 15px;
	float: right;
	display:block;
	position:fixed;
	top:40%;
	right:0;
	_position:absolute;
	_margin-top:300px;
	_top:expression(eval(document.documentElement.scrollTop));
	z-index: 6;
	}
.sct {background: url(../images/read/scroll.png);}
.scb {background: url(../images/read/scroll.png) 0 40px;}
.scc {background: url(../images/read/scroll.png) 0 80px;}
.scroll_t,.scroll_c,.scroll_b{
	width: 80px;
	height:40px;
	line-height:40px;
	text-align:center;
	cursor: pointer;
	border-radius: 5px 0 0 5px;
	box-shadow:0 2px 2px 1px #666;
	}
.scroll_t{
	background: #d03f42;
	}
.scroll_b{
	background: #383838;
	}
.scroll_c{
	background: #467ebd;
	}
ul.scroll li {
	position: relative; 
	height:40px;
	float: right;
	}
ul.scroll li a{
	display: block;
	color:#fff;
	text-decoration:none;
	}
ul.scroll li div {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	}
	
#gg{
	position: fixed;
	bottom: 0;
	background:#000;
	width: 100%;
	height:23px;
	line-height:23px;
	z-index: 9999;
	opacity: .60;
	filter: alpha(opacity=60);
	_bottom:auto;
	_width: 100%;
	_position: absolute;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
	-webkit-box-shadow:10px 0 5px #000;
	-moz-box-shadow:10px 0 5px #000;
	box-shadow:10px 0 5px #000;
	}
#gg a{
	color: #fff;
	font-size: 13px;
	letter-spacing:2px;
	text-shadow: 0px 1px 0px #000;
	}
.close a {
	float:right;
	margin:0 10px 0 0;
	}
.bulletin {
	float:left;
	height:23px;
	color: #fff;
	margin:0 0 0 20px;
	background:url(../images/read/bulletin.gif) no-repeat;
	min-height:23px;
	overflow:hidden;
	}
.bulletin li{
	height:23px;
	padding-left:25px;

left:25px;

left:25px;
	}
/*底部导航条及隐藏的推荐目录DIV*/
.center { margin: 0px auto; }
.daohangt{ position:fixed;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));z-index: 90000;
bottom: 0;width: 700px;padding:10px 10px 10px 0px;_width:700px;_padding:20px 0px 10px 0px; }
.daohangt .daohangbg { filter: Alpha(Opacity=50);opacity: 0.5;-moz-opacity: 0.5;background: #000;height: 100px;position: absolute;width: 100%;z-index: -1;top: 0px; }
.daohangt .set-up { width: 100%;text-align:center; }
.daohangt .set-up a{background:url(../images/read/52index.png) no-repeat -102px -277px; width:70px; height:24px; line-height:24px; color:#fff; margin:5px 0 0 11px; display:inline-block; }
.set-up a:hover,.set-up a:visited{ color:#fff; }
.set-up a.back{ background-position: -22px -277px; }